import React from 'react';

import { DatePicker } from 'antd';
import { Select } from 'antd';
import { Button } from 'antd';
const { RangePicker } = DatePicker;
import { Table } from 'antd';
const { Option } = Select;
import '../mark/index.css';
const columns = [
  {
    title: '院系',
    dataIndex: 'address',
  },
  {
    title: '项目名称',
    dataIndex: 'address',
  },
  {
    title: '责任老师',
    dataIndex: 'address',
  },
  {
    title: '小组',
    dataIndex: 'address',
  },
  {
    title: '学生姓名',
    dataIndex: 'address',
  },
  {
    title: '性别',
    dataIndex: 'address',
  },
  {
    title: '学号',
    dataIndex: 'address',
  },
  {
    title: '项目角色',
    dataIndex: 'address',
  },
  {
    title: '专业',
    dataIndex: 'address',
  },
  {
    title: '操作',
    dataIndex: 'address',
  },
];

const date_list: readonly any[] | undefined = [];
/*for (let i = 0; i < 100; i++) {
  date_list.push({
    key: i,
    name: `Edward King ${i}`,
    age: 20,
    address: `London, Park Lane no. ${i}`,
  });
}*/
const mark = () => {
  return (
    <div>
      <div className="box_bnt5">
        <Button className="but" size="large">
          待批复
        </Button>
        <Button className="but" size="large">
          已批复
        </Button>
      </div>
      <div className="Top5">
        <div className="spn">
          项目名字：
          <Select className="sel" size="small" placeholder="请选择">
            <Option value="jack">Jack</Option>
            <Option value="lucy">Lucy</Option>
            <Option value="tom">Tom</Option>
          </Select>
        </div>

        <div className="spn">
          小组:
          <Select placeholder="请选择" size="small" className="sel">
            <Option value="jack">Jack</Option>
            <Option value="lucy">Lucy</Option>
            <Option value="tom">Tom</Option>
          </Select>
        </div>
      </div>
      <div className="div_but">
        <Button className="bt" size="large" type="primary">
          查询
        </Button>
        <Button size="large" className="bt">
          重置
        </Button>
      </div>
      <div className="box_tab2">
        <Table
          columns={columns}
          dataSource={date_list}
          pagination={{ pageSize: 5 }}
          scroll={{ y: 400 }}
        />
      </div>
    </div>
  );
};

export default mark;
